<% remote_form_for @vacacion,:complete =>"$.colorbox.close()", :html => {:class => "tabular"},  :builder => UniformBuilder do |f| %>
  <%= f.error_messages %>
  <div class="box">
    <table>
      <tr>
        <td>
          <%= f.hidden_field :usuario_id %>
          <%= f.text_field :desde,:class => "dp",:size => "10",:onchange=>"get_vacaciones(#{@vacacion.usuario.cargo_id})"  %>
          <%= f.text_field :hasta,:class => "dp",:size => "10",:onchange=>"get_vacaciones(#{@vacacion.usuario.cargo_id})" %>
          <%= f.text_area :observacion, :rows => "5"%>
        </td>
      </tr>
      <tr>
        <td style="width: 100%; text-align: center;vertical-align: top; padding-left:10%; padding-right: 10% ">
          <h4>Vacaciones Coincidentes</h4>
          <div>
            <table id="datos" class="tabla-centrada" style="padding-left: 0%">
              <tr><td><small>Aquí se mostrarán las vacaciones que se solapen en el periodo seleccionado</small></td></tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
  </div>
  <script>
    function get_vacaciones(cargo_id)
    {
    $.ajax({
    url:'<%=url_for(:action => :usuarios_por_vacacion) %>',
    data: {cargo_id: cargo_id,desde:$('#vacacion_desde').val(),hasta:$('#vacacion_hasta').val()},
    type: 'post',
    dataType: 'script'
    });
    }
  </script>
  <%= f.submit "Guardar" %>
<% end %>
<%=format_date_fields %>
